<?xml version="1.0" encoding="UTF-8" ?>
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Dave Shea" />
<meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" />
<meta name="description" content="A demonstration of what can be accomplished visually through CSS-based design." />
<meta name="robots" content="all" />
<link href="../css/common.css" rel="stylesheet" type="text/css" media="screen" />
<title>模拟校内网首頁</title>
</head>
<body>
	<div id="home">
		<div class="top">
			<div class="top-left">
				<img src="../image/left-image.png" alt="" />
			</div>
			<div class="top-center">
				<ul>
					<li><a href="#1">首页</a>
					</li>
					<li><a href="#2">个人主页</a>
					</li>
					<li><a href="#3">好友</a>
					</li>
					<li><a href="#4">应用</a>
					</li>
					<li><a href="#5">游戏</a>
					</li>
				</ul>
			</div>
			<div class="top-right">
				<ul>
					<li><a href="#2">站内信</a></li>
					<li><a href="#2">搜索</a></li>
					<li><input type="text" value="找人.公共主页.游戏" /></li>
					<li><input type="button" value="搜索" /></li>
					<li><a href="#2">帐号</a></li>
				</ul>
			</div>
		</div>
		<div class="center-div-style">
			<div class="left-app">
				<div>
					<img src="../image/tx.png" alt="" />
				</div>
				<div style="background-color:#558BC6; display: block; text-align: center;">
					<a href="##" style="color: white;">新鲜事</a>
				</div>
				<div>
					<a href="##" style="display: block; text-align: center; color: black; font-weight: normal; font-size: 6px;">日志</a>
				</div>
				<div>
					<a href="##" style="display: block; text-align: center; color: black; font-weight: normal; font-size: 6px;">相册</a>
				</div>
				<div>
					<a href="##" style="display: block; text-align: center; color: black; font-weight: normal; font-size: 6px;">音乐</a>
				</div>
				<div>
					<a href="##" style="display: block; text-align: center; color: black; font-weight: normal; font-size: 6px;">分享</a>
				</div>
				<div>
					<a href="##" style="display: block; text-align: center; color: black; font-weight: normal; font-size: 6px;">小站</a>
				</div>
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				left-appleft-appleft-appleft-appleft-appleft-appleft-appleft-appleft-app
				<acronym title="首字母縮寫詞：World Wide Web Consortium" style="color: red;">W3C</acronym>, 
				<acronym title="Web Standards Project" style="color: red;">WaSP</acronym>
			</div>
			<div class="center-content">
			contentcentercontentcentercontentcentercontentcentercontentcenter-contentcenter-contentcenter-content
			contentcentercontentcentercontentcentercontentcentercontentcenter-contentcenter-contentcenter-content
			contentcentercontentcentercontentcentercontentcentercontentcenter-contentcenter-contentcenter-content
			contentcentercontentcentercontentcentercontentcentercontentcenter-contentcenter-contentcenter-content
			contentcentercontentcentercontentcentercontentcentercontentcenter-contentcenter-contentcenter-content
			<a href="/" title="View previous set of designs. AccessKey: p" accesskey="p" style="color: red;">
				&laquo; <span class="accesskey">p</span>
			revious designs</a>
			</div>
			<div class="right-content">
				right-contentright-contentright-contentright-contentright-contentright-content
				right-contentright-contentright-contentright-contentright-contentright-content
				right-contentright-contentright-contentright-contentright-contentright-content
				right-contentright-contentright-contentright-contentright-contentright-content
				right-contentright-contentright-contentright-contentright-contentright-content
				right-contentright-contentright-contentright-contentright-contentright-content
				right-contentright-contentright-contentright-contentright-contentright-content
			</div>
		</div>
	</div>
</body>
</html>